.logoTemplate {
    padding: 0 16px 16px 16px;
    max-width: calc(var(--width) * 1px);
    position: relative;
    z-index: 1;

    &>.mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: var(--blurColor);
        backdrop-filter: blur(calc(var(--blurFilter) * 1px));
        z-index: -1;
    }

    &.LogoA01 {
        background: var(--back);
        backdrop-filter: blur(var(--blur));

        &>img {
            aspect-ratio: 1/1;
            display: block;
            border-radius: calc(var(--imgRadius) * 1px);
            overflow: hidden;
            transition: width 0.55s;
        }

        &>.title {
            font-size: calc(var(--customSize) * 1px);
            color: var(--customColor);
            font-weight: var(--customWeight);
            font-family: var(--customFamily);
            text-shadow: 0 0 4px var(--textShadow), -0 -0 4px var(--textShadow);
        }

        &>.small {
            font-size: calc(var(--smallSize) * 1px);
            color: var(--smallColor);
            font-weight: var(--smallWeight);
            font-family: var(--smallFamily);
            text-shadow: 0 0 2px var(--textShadow), -0 -0 2px var(--textShadow);
        }

    }

}